<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/styles.css"/>
<title></title>
</head>

<body>
    <script src="js/main.js"></script>
    <script src="js/class.js"></script>
    <script src="js/test.js"></script>
    <script type="text/javascript" src="js/CSInterface.js"></script>
    <div id='main' style="width:300px;height:100px">
        <input type="button" value="打开数据目录" onclick="openFileDialog()">
        <input type="text" >
        <br>
        <input type="button" value="打开自动保存" style="margin-top: 10px;">
        <input type="text" >
        <br>
        <label for="layer" style="margin-left: 32px; margin-right: 32px;color:azure">图层</label>
        <select id="layer" style="width: 173px;margin-top: 10px;">
       </select>
    </div>
    
    
</body>
</html>
<script>
    
    window.onload = function () {

        var url = "js/data.json"

        var request = new XMLHttpRequest();

        request.open("get", url);

        request.send(null);

        request.onload = function () {

            if (request.status == 200) {
                mMap = JSON.parse(request.responseText);
                console.log(mMap);
                draw();
            }

        }

    }

</script>